<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<html>
<head>
<title></title>
<link href="<%=request.getContextPath()%>/css/tab.css" rel="stylesheet"
	type="text/css"></link>
<link href="<%=request.getContextPath()%>/css/style.css"
	rel="stylesheet" type="text/css"></link>
	
	<script type="text/javascript"
	src="<%=request.getContextPath()%>/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
	});
	
	function checkInfo() {
		clearErrorInfo();
		if ($("#accountholdername").val() == "") {
			$("#accountholdernameerror").html("必填！");
			$("#accountholdername").focus();
			return false;
		}
		if ($("#cardnum1").val() == "") {
			$("#cardnum1error").html("必填！");
			$("#cardnum1").focus();
			return false;
		}
		if($("#certType").val() == 2 && $("#usbkeyid").val()==""){
			$("#usbkeyiderror").html("硬证书必填！");
			return false;
		}
		return true;
	}

	function clearErrorInfo() {
		$("#accountholdernameerror").html("");
		$("#cardnum1error").html("");
		$("#usbkeyiderror").html("");
	}
</script>
</head>
<body>
	<br />
	<br />
	<!--第一种形式-->

	<!--第二种形式-->
	<div id="tabs1" style="width: 680px">
		<div class="menu1box">
			<ul id="menu1">
				<li class="hover"><a href="#">个人用户</a></li>
				<li><a
					href="<%=request.getContextPath()%>/entUser/entCertRequest.html">企业用户</a>
				</li>
			</ul>
		</div>
		<div class="main1box">
			<div class="main" id="main1">
				<font color="#7D9EC0"><I><b>个人用户申请</b></I></font>
				<ul class="block">
					<table width="100%" border="0" cellpadding="0" cellspacing="0"
						background="">
						<tr>
							<td height="299">
								<form action="perUserCertAdd.html" method="post" onsubmit="return checkInfo();">
									<table width="90%" border=0 align="center" cellpadding="3"
										cellspacing="1" bgcolor="#cccccc">
										<tr>
											<td width="20%" class="list01" align="right">账户持有人名称：</td>
											<td width="30%" class=list02><input
												id="accountholdername" name="accountholdername"
												maxlength="128" /> <font id="accountholdernameerror" color="red"> </font></td>
											<td width="20%" class=list01>账户持有人简称：</td>
											<td width="30%" class=list02><input
												id="accountholderabbre" name="accountholderabbre"
												maxlength="32" /> <font color="red"></font></td>
										</tr>
										<tr>
											<td width="20%" class=list01>国籍：</td>
											<td width="30%" class=list02><select id="nationality"
												name="nationality">
													<c:forEach items="${nationalityList}" var="nationality">
														<option value="${nationality.id}">${nationality.value}</option>
													</c:forEach>
											</select> <font color="red"> </font></td>
											<td width="20%" class=list01>证书申请方式：</td>
											<td width="30%" class=list02><select id="requesttype"
												name="requesttype">
													<option value="01">临柜申请</option>
													<option value="02">见证申请</option>
													<option value="03">视频申请</option>
													<option value="99">其它</option>
											</select> <font color="red"> </font></td>
										</tr>
										<tr>
											<td width="20%" class=list01>第一证件类型：</td>
											<td width="30%" class=list02><select id="cardtype1"
												name="cardtype1">
													<c:forEach items="${cardTypeList}" var="cardType">
														<option value="${cardType.id}">${cardType.value}</option>
													</c:forEach>
											</select> <font color="red"> </font></td>
											<td width="20%" class=list01>第一证件号码：</td>
											<td width="30%" class=list02><input id="cardnum1"
												name="cardnum1" maxlength="100" /> <font id="cardnum1error" color="red">
											</font></td>
										</tr>
										<tr>
											<td width="20%" class=list01>第一证件发证机关：</td>
											<td width="30%" class=list02><input
												id="cardissuingauthority1" name="cardissuingauthority1"
												maxlength="128" /> <font color="red"> </font></td>
											<td width="20%" class=list01>第一证件失效时间：</td>
											<td width="30%" class=list02><input
												id="cardexpirationtime1" name="cardexpirationtime1"
												maxlength="14" /> <font color="red"> </font></td>
										</tr>

										<tr>
											<td width="20%" class=list01>第二证件类型：</td>
											<td width="30%" class=list02><select id="cardtype2"
												name="cardtype2">
													<option value="0"></option>
													<c:forEach items="${cardTypeList}" var="cardType">
														<option value="${cardType.id}">${cardType.value}</option>
													</c:forEach>
											</select> <font color="red"> </font></td>
											<td width="20%" class=list01>第二证件号码：</td>
											<td width="30%" class=list02><input id="cardnum2"
												name="cardnum2" maxlength="100" /> <font color="red"></font></td>
										</tr>
										<tr>
											<td width="20%" class=list01>第二证件发证机关：</td>
											<td width="30%" class=list02><input
												id="cardissuingauthority2" name="cardissuingauthority2"
												maxlength="128" /> <font color="red"> </font></td>
											<td width="20%" class=list01>第二证件失效时间：</td>
											<td width="30%" class=list02><input
												id="cardexpirationtime2" name="cardexpirationtime2"
												maxlength="14" /> <font color="red"> </font></td>
										</tr>
										<tr>
											<td width="20%" class=list01>第三证件类型：</td>
											<td width="30%" class=list02><select id="cardtype3"
												name="cardtype3">
													<option value="0"></option>
													<c:forEach items="${cardTypeList}" var="cardType">
														<option value="${cardType.id}">${cardType.value}</option>
													</c:forEach>
											</select> <font color="red"> </font></td>
											<td width="20%" class=list01>第三证件号码：</td>
											<td width="30%" class=list02><input id="cardnum3"
												name="cardnum3" maxlength="100" /></td>
										</tr>
										<tr>
											<td width="20%" class=list01>第三证件发证机关：</td>
											<td width="30%" class=list02><input
												id="cardissuingauthority3" name="cardissuingauthority3"
												maxlength="128" /> <font color="red"> </font></td>
											<td width="20%" class=list01>第三证件失效时间：</td>
											<td width="30%" class=list02><input
												id="cardexpirationtime3" name="cardexpirationtime3"
												maxlength="14" /> <font color="red"> </font></td>
										</tr>
										<tr>
											<td width="20%" class=list01>邮件：</td>
											<td width="30%" class="list02"><input id="mail"
												name="mail" maxlength="100" /> <font color="red"></font></td>
											<td width="20%" class=list01>手机：</td>
											<td width="30%" class=list02><input id="mobilephone"
												name="mobilephone" maxlength="30" /> <font color="red"></font></td>

										</tr>
										<tr>
											<td width="20%" class=list01>证书类型：</td>
											<td width="30%" class=list02><select id="certType"
												name="certType">
													<option value="1">个人普通软证书</option>
													<option value="2">个人普通硬证书</option>
											</select> <font color="red"> </font></td>
											<td width="20%" class=list01>USBKEYID：</td>
											<td width="30%" class=list02><input id="usbkeyid"
												name="usbkeyid" maxlength="30" /> <font id="usbkeyiderror" color="red"></font></td>
										</tr>
										<tr>
											<td width="" class=list03 colspan="4"><input
												type="submit" value="增 加" />


												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<input type="button" value="取 消" /></td>
										</tr>
									</table>
								</form>
							</td>
						</tr>
					</table>

				</ul>
			</div>
		</div>
	</div>
	<br />
	<br />
	<!--第三种形式-->

</body>
</html>

